<template>
    <div>
        <div class="mui-card" v-for="item in newsList" :key="item.uuid">
				<div class="mui-card-header mui-card-media">
					<router-link :to="'/Home/NewInfo/' + item.uuid">
					<img :src="item.thumb" alt="">
					</router-link>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<p>{{time}}</p>
						<p style="color: #333;">{{item.title}}</p>
					</div>
				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link"></a>
					<a class="mui-card-link">Read more</a>
				</div>
		</div>
    </div>
</template>

<script>
import $ from "jquery"
export default {
	data(){
		return {
			newsList: null,
			time: ""
		}
	},
	created(){
		this.getNewsList();
		this.time = new Date().toDateString();
	},
	methods: {
		getNewsList(){
			this.$http.jsonp("https://photo.sina.cn/aj/v2/channel?ch=1&cid=56261&num=10&page=1&callback=c", {
				params: {
					
				}
			}).then(data => {
				this.newsList = data.body;
			},err => {
				Toast("获取数据失败")
			})
		}
	}
}
</script>
<style lang="css" scoped>
.mui-card-media{
	height:50vw;
	overflow: hidden;
}
.mui-card-media img{
	width: 100%;
	height: auto;
}
	
</style>
